<template>

  <div className="min-h-screen bg-white flex items-center justify-center p-8">
    <div className="max-w-7xl w-full space-y-10">
      <div className="text-center space-y-6">
        <div className="flex  justify-center  items-center">
            <el-icon :size="60" :color="color"><OfficeBuilding /></el-icon>
          </div>
        <h1 className="text-5xl font-bold text-gray-800">温馨提示</h1>
      </div>
      <!-- p-10 -->
      <div className="space-y-8 bg-white rounded-3xl  shadow-sm border border-gray-100">
        <div className="space-y-8">
          <div className="space-y-6">
            <div className="flex  items-center items-start space-x-5 p-6 bg-blue-50 rounded-xl">
              <el-icon :size="50" :color="color"><House /></el-icon>
              <p className="text-gray-700 text-2xl     indent-2xl   ">全国基层医疗机构互联网联盟云平台的后台管理系统,有平台管理系统和单位管理系统组成。用户可以根据自己的管理对象进行选择管理。</p>
            </div>

            <div className="flex  items-center items-start space-x-5 p-6 bg-blue-50 rounded-xl">
              <el-icon :size="50" :color="color">
                <Monitor />
              </el-icon>
              <p className="text-gray-700 text-2xl indent-2xl">当平台管理系统的管理员用户,选择平台管理系统时,可在管辖区内对全国基层医疗机构互联网联盟云平台内,所有入驻的单位进行综合管理。</p>
            </div>

            <div className="flex items-center items-start space-x-5 p-6 bg-blue-50 rounded-xl">
              <el-icon :size="50" :color="color"><Tickets /></el-icon>
              <p className="text-gray-700 text-2xl indent-2xl">当平台管理系统的管理员用户,选择单位管理系统时,可在管辖区内对自己所选择的单位进行综合管理。</p>
            </div>

            <div className="flex items-center items-start space-x-5 p-6 bg-blue-50 rounded-xl">
              <el-icon :size="50" :color="color">
                <User />
              </el-icon>
              <p className="text-gray-700 text-2xl indent-2xl">各个单位管理系统的管理员用户,只能对自己本单位进行综合管理。</p>
            </div>
          </div>
        </div>
        <!-- bg-gray-50 -->
        <div className="flex items-center space-x-4 p-6 mt-8  bg-blue-50 rounded-xl border border-gray-100">
          <Phone style="width: 50px;height: 50px;" className="w-[40px] h-[40px] text-blue-600 flex-shrink-0" />
          <p className="text-gray-700 text-2xl indent-2xl">用户如在使用过程中遇到任何相关操作和技术问题,可拨打24小时服务热线<a href="tel:13823289603" className="text-blue-600 font-medium hover:underline ml-1">13823289603</a>进行相关咨询。</p>
        </div>
      </div>
    </div>
  </div>

</template>

<script setup>
</script>
<style lang='scss' scoped></style>